<!--单笔补考勤页面-->
<ion-view title="{{SingleInfo.Date}}" class="slide-left-right-ios home-view" cache-view="false">
    <div class="bar bar-subheader" style="background:#F7F7F7;text-align:center;color:#35CCF9; height:150px;">
        <h4 style="font-weight:bold;color:#35CCF9;font-size:30px;">{{SingleInfo.WorkFlowState}}</h4>
        <label class="item item-input item-select recordSingle">
            <select ng-model="absence.reasons">
                <option value="000">请选择缺勤原因</option>
                <option ng-repeat="z in enumInfo" value="{{z.Name}}">{{z.Category}}</option>
            </select>
        </label>
        <a class="button button-block icon-left button-positive radius-style" ng-click="abnormalSingle(SingleInfo)"
           style="border-bottom-color: white; border-radius:25px; background-color:#35CCF9;color:white;border-color: #35ccf9;margin-left:50px;margin-right:50px;  font-size: 18px;
  font-weight: bold;">确定</a>
    </div>
    <ion-content style="background-color:white;font-weight:bold;">
        <div style="width:100%;height:100%;margin-top:190px;font-size:14px; border-left-width:0px;border-right-width:0px;">
            <div class="item item-without-LR-border" style="border-left-width:0px; border-right-width:0px;">
                工作时间：<span style="float:right;color:#C2C2C2;">{{SingleInfo.FormalPeriod}}</span></div>
            <div class="item item-without-LR-border" style="border-left-width:0px; border-right-width:0px;">
                出勤时间：<span style="float:right;color:#35CCF9;">{{SingleInfo.ActualPeriod}}</span></div>
            <div class="item item-without-LR-border" style="border-left-width:0px; border-right-width:0px;">
                应出勤工时：<span style="float:right;color:#C2C2C2;">{{SingleInfo.FormalAttendanceHours}}小时</span></div>
            <div class="item item-without-LR-border" style="border-left-width:0px; border-right-width:0px;">
                实出勤工时：<span style="float:right;color:#C2C2C2;">{{SingleInfo.ActualAttendanceHours}}小时</span></div>
            <div class="item item-without-LR-border" style="border-left-width:0px; border-right-width:0px;">
                实际加班工时：<span style="float:right;color:#C2C2C2;">{{SingleInfo.ActualOverTimeHours}}小时</span>
            </div>
            <div class="item item-without-LR-border" style="border-left-width:0px; border-right-width:0px;">
                旷工时间：<span style="float:right;color:#C2C2C2;">{{SingleInfo.AbsenteeismHours}}小时</span></div>
            <div class="item item-without-LR-border" style="border-left-width:0px; border-right-width:0px;">
                请假时间：<span style="float:right;color:#C2C2C2;">{{SingleInfo.LeaveHours}}小时</span>
            </div>
        </div>
    </ion-content>
</ion-view>
